<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>Test HTML5</title>

	<style>
		#ribbon {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 800px;
			height: 100px;
			border: medium solid #fc0;
			background-color: #adf;
			border-radius: 5px;
		}
		
		#workspace {
			position: absolute;
			top: 100px;
			left: 150px;
			width: 650px;
			height: 500px;
			border: medium solid #fc0;
			background-color: #adf;
			border-radius: 5px;
		}
		
		#toolbox {
			position: absolute;
			top: 100px;
			left: 0px;
			width: 150px;
			height: 500px;
			border: medium solid #fc0;
			background-color: #adf;
			border-radius: 5px;
		}

		#grid {
			background-color: #adf;
			position: absolute;
			top: 100px;
			left: 820px;
			width: 300px;
			height: 400px;
			overflow: auto;
			border: medium solid #fc0;
			font-family: "Calibri";
		}
	</style>
	
	<script type="text/javascript" src="../Ref.js"></script>
	<script type="text/javascript" src="MyCanvas.js"></script>
	<script type="text/javascript" src="SlideManager.js"></script>
	<script type="text/javascript" src="PropertyGrid.js"></script>
	<script type="text/javascript" src="loadpagescript.js"></script>
	<script type="text/javascript">

	document.ready = function()
	{
		loadPage();
	}

	</script>
</head>
<body>
	<div id="ribbon"></div>
	<div id="workspace"></div>
	<div id="toolbox"></div>
	<div id="grid" draggable="true"></div>
</body>
</html>

